<extend name="./Application/Home/View/Layout/base.html" />
<block name="styles">
    <title>首页</title>
</block>
<block name="content">
    <!--    顶部介绍    -->
    <div id="block-show" class="carousel slide" data-interval="4000">
        <!-- 轮播（Carousel）项目 图片展示，第一层 -->
        <div class="carousel-inner item-shImg">
            <div class="item active">
                <ul class="item-shText">
                    <li>
                        <div>
                            <h1>在线交流1</h1>
                            <p style="">“学无止境：求知不局限于老师，在线交流方便快捷，集思广益，理解更深刻1”</p>
                        </div>
                    </li>
                </ul>
                <img src="__PUBLIC__/images/bg1.jpeg" alt="">
            </div>
            <div class="item">
                <ul class="item-shText">
                    <li>
                        <div>
                            <h1>在线交流2</h1>
                            <p style="">“学无止境：求知不局限于老师，在线交流方便快捷，集思广益，理解更深刻2”</p>
                        </div>
                    </li>
                </ul>
                <img src="__PUBLIC__/images/bg2.jpg" alt="">
            </div>
            <div class="item">
                <ul class="item-shText">
                    <li>
                        <div>
                            <h1>在线交流3</h1>
                            <p style="">“学无止境：求知不局限于老师，在线交流方便快捷，集思广益，理解更深刻3”</p>
                        </div>
                    </li>
                </ul>
                <img src="__PUBLIC__/images/bg3.jpg" alt="">
            </div>
            <div class="item">
                <ul class="item-shText">
                    <li>
                        <div>
                            <h1>在线交流4</h1>
                            <p style="">“学无止境：求知不局限于老师，在线交流方便快捷，集思广益，理解更深刻4”</p>
                        </div>
                    </li>
                </ul>
                <img src="__PUBLIC__/images/bg4.jpg" alt="">
            </div>
            <div class="item">
                <ul class="item-shText">
                    <li>
                        <div>
                            <h1>在线交流5</h1>
                            <p style="">“学无止境：求知不局限于老师，在线交流方便快捷，集思广益，理解更深刻5”</p>
                        </div>
                    </li>
                </ul>
                <img src="__PUBLIC__/images/bg5.jpg" alt="">
            </div>
        </div>
        <!--第二层-->
        <div id="block-showCtt">
            <ul>
                <!--第二层的展示内容-->
                <li>
                    <div class="item-btnImg">
                        <img class="slide-one" src="__PUBLIC__/images/bg11.jpeg">
                        <img class="slide-two" src="__PUBLIC__/images/bg22.jpg">
                        <img class="slide-three" src="__PUBLIC__/images/bg33.jpg">
                        <img class="slide-four" src="__PUBLIC__/images/bg44.jpg">
                        <img class="slide-five" src="__PUBLIC__/images/bg55.jpg">
                    </div>
                </li>
                <!--课程表-->
                <li class="item-shCttR">
                    <!--课程表-->
                    <div class="item-shCrrRarea">
                        <div class="item-ckasslist">课程表</div>
                        <!--一个卡片-->
                        <volist name="schedule" id="vo">
                            <div class="item-shCttR-child">
                                <label>{$vo.title}</label>
                                <div>
                                    <span><img src="__PUBLIC__/images/liver-r.png">&nbsp;{$vo.teacher_name}</span>
                            <span style="text-align: right;">
                                <img src="__PUBLIC__/images/time-r.png">
                                &nbsp;{$vo.createtime|date="Y-m-d",###}
                            </span>
                                </div>
                            </div>
                        </volist>

                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--    正在直播    -->
    <div id="block-content">
        <div class="block-liveCtt">
            <span class="item-liveHd"><a href="">猜你喜欢</a></span>
            <ul class="block-live">

                <volist name="recommend" id="vo">
                    <div class="item-liveEle">
                        <img class="ph-person" src="/Uploads{$vo.imgurl}">
                        <div class="item-eleTextI">
                            <span class="item-eleHd">{$vo.title}</span>
                            <span class="item-liveTy">{$vo.course_chn}</span>
                        </div>
                        <div class="item-eleTextII">
                            <span><img src="__PUBLIC__/images/liver.jpg">&nbsp;<font>{$vo.teacher_name}</font></span>
                            <span class="ctt-r"><img src="__PUBLIC__/images/view.jpg">&nbsp;<font>{$vo.clickcount}</font></span>
                        </div>
                    </div>
                </volist>
            </ul>
        </div>
        <!--    课程回顾    -->
        <div class="block-reviewCtt">
            <span class="item-reviewHd"><a href="">热门课堂</a></span>
            <ul class="block-review">
                <div class="item-reviewLb">
                    <!--热门课程-->
                    <ul>
                        <div class="item-rwLabelHd">
                            <label>热门课程</label><i></i>
                        </div>
                        <for start="0" end="3">
                            <span><a href="{:U('Home/Index/online_class',array('filter_course' => $course[$i]['id']))}">{$course[$i][chn]}</a></span>
                        </for>
                    </ul>
                    <!--其他课程-->
                    <ul>
                        <div class="item-rwLabelHd">
                            <label>其他课程</label><i></i>
                        </div>
                        <for start="3" end="12">
                            <span><a href="{:U('Home/Index/online_class',array('filter_course' => $course[$i]['id']))}">{$course[$i][chn]}</a></span>
                        </for>
                    </ul>
                </div>

                <volist name="hot" id="vo">
                    <div class="item-reviewEle">
                        <img class="ph-person" src="/Uploads{$vo.imgurl}">
                        <div class="item-eleTextI">
                            <span class="item-eleHd">{$vo.title}</span>
                            <span class="item-liveTy">{$vo.course_chn}</span>
                        </div>
                        <div class="item-eleTextII">
                            <span><img src="__PUBLIC__/images/liver.jpg">&nbsp;<font>{$vo.teacher_name}</font></span>
                        </div>
                    </div>
                </volist>

            </ul>
        </div>
    </div>
    <!--    名校名师    -->
    <div id="block-sourceCtt">
        <div class="block-sucCtt">
            <!--名师名校-左侧-->
            <div class="source-l">
                <div>
                    <span class="item-sourceLb"><a href="">名师名校</a></span>
                    <ul class="item-sucDir">
                        <li class="suc-active">学校</li>
                        <li>老师</li>
                    </ul>
                </div>
                <ul class="block-source teacher" style="display: none;">
                    <volist name="teacher" id="vo">
                        <div class="item-sourceEle">
                            <div>
                                <img style="position: absolute;top: 0;left: 0;" src="__PUBLIC__/images/live.png">
                                <img class="ph-person" src="__PUBLIC__/images/show.png">
                            </div>
                            <div class="item-eleTextI">
                                <span class="item-eleHd"><img src="__PUBLIC__/images/liver.jpg">&nbsp;<font>{$vo.username}</font></span>
                                <!--<span class="item-liveTy">语文</span>-->
                            </div>
                            <div class="item-eleTextII">
                                <span class="ctt-r"><font>所属学校</font></span>
                            </div>
                        </div>
                    </volist>
                </ul>

                <ul class="block-source school">
                    <volist name="schools" id="vo">
                        <div class="item-sourceEle">
                            <div>
                                <img class="ph-person" src="__PUBLIC__{$vo.imgurl}">
                            </div>
                            <div class="item-eleTextI">
                                <span class="item-eleHd">&nbsp;<font>{$vo.chn}</font></span>
                                <!--<span class="item-liveTy">语文</span>-->
                            </div>
                        </div>
                    </volist>
                </ul>

            </div>
            <!--名师名校-右侧-->
            <div class="source-r">
                <div style="margin-bottom: 32px;">
                    <span class="item-sourceLb"><a href="">推荐问题</a></span>
                </div>
                <!--问题推荐-->
                <ul class="source-rCtt">
                    <!--一个卡片-->
                    <li>
                        <div class="item-sucrHd">勾股定理的公式是什么？</div>
                        <div class="item-sucrStatus">
                            <span><img src="__PUBLIC__/images/liver.jpg">&nbsp;<font>张斌</font></span>
                            <span><img src="__PUBLIC__/images/ansCt.jpg">&nbsp;<font>32</font></span>
                            <span><img src="__PUBLIC__/images/subject.jpg">&nbsp;<font>数学</font></span>
                            <span><img src="__PUBLIC__/images/time.png">&nbsp;<font>10</font>分钟前</span>
                        </div>
                    </li>
                    <!--一个卡片-->
                    <li>
                        <div class="item-sucrHd">窗前明月光的作者是谁？</div>
                        <div class="item-sucrStatus">
                            <span><img src="__PUBLIC__/images/liver.jpg">&nbsp;<font>李静</font></span>
                            <span><img src="__PUBLIC__/images/ansCt.jpg">&nbsp;<font>21</font></span>
                            <span><img src="__PUBLIC__/images/subject.jpg">&nbsp;<font>语文</font></span>
                            <span><img src="__PUBLIC__/images/time.png">&nbsp;<font>23</font>分钟前</span>
                        </div>
                    </li>
                    <!--一个卡片-->
                    <li>
                        <div class="item-sucrHd">达尔文是谁？他主要成就是什么？</div>
                        <div class="item-sucrStatus">
                            <span><img src="__PUBLIC__/images/liver.jpg">&nbsp;<font>杨志伟</font></span>
                            <span><img src="__PUBLIC__/images/ansCt.jpg">&nbsp;<font>27</font></span>
                            <span><img src="__PUBLIC__/images/subject.jpg">&nbsp;<font>生物</font></span>
                            <span><img src="__PUBLIC__/images/time.png">&nbsp;<font>30</font>分钟前</span>
                        </div>
                    </li>
                    <!--一个卡片-->
                    <li>
                        <div class="item-sucrHd">生石灰遇水是放热还是吸热</div>
                        <div class="item-sucrStatus">
                            <span><img src="__PUBLIC__/images/liver.jpg">&nbsp;<font>林嘉焕</font></span>
                            <span><img src="__PUBLIC__/images/ansCt.jpg">&nbsp;<font>12</font></span>
                            <span><img src="__PUBLIC__/images/subject.jpg">&nbsp;<font>化学</font></span>
                            <span><img src="__PUBLIC__/images/time.png">&nbsp;<font>37</font>分钟前</span>
                        </div>
                    </li>
                    <!--一个卡片（无底边）-->
                    <li>
                        <div class="item-sucrHd">英语什么叫宾语从句？请说明一下具体句式结构。</div>
                        <div class="item-sucrStatus" style="border: none;">
                            <span><img src="__PUBLIC__/images/liver.jpg">&nbsp;<font>高佳</font></span>
                            <span><img src="__PUBLIC__/images/ansCt.jpg">&nbsp;<font>21</font></span>
                            <span><img src="__PUBLIC__/images/subject.jpg">&nbsp;<font>英语</font></span>
                            <span><img src="__PUBLIC__/images/time.png">&nbsp;<font>56</font>分钟前</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</block>
